<!--
 * @Description: 
 * @Author: ZachGmy
 * @Date: 2025-04-10 22:41:24
 * @LastEditors: ZachGmy
 * @LastEditTime: 2025-07-22 16:34:08
-->
<template>
  <div>
    <!-- 处理标题和图标 -->
    <div class="title">
      <div class="icon"></div>
      <div class="text">
        {{ title }}
      </div>
    </div>
  </div>
</template>
<script>
export default {
  // 2.子组件接受父组件传递数据 
  props: ['title']
}
</script>
<style lang="less" scoped>
.title {
  display: flex;

  .icon {
    width: 20px;
    height: 24px;
    background-image: url(../../assets/icons/box_title_icon.png);
    background-size: 100% 100%;
  }

  .text {
    color: white;
    margin-left: 10px;
    font-size: 18px;
    font-family: "楷体";
  }
}
</style>